
<script setup lang="ts">

import { ref } from 'vue'

import { statusData } from "@/utils/commonData";

const props = defineProps({
    searchData: {
        type: Object,
        default: () => ({})
    }
})

// 方法
const emits = defineEmits(['handleSearch', 'handleReset', 'handleClear'])

const handleSearch = () => {
    emits('handleSearch')
}

const handleReset = () => {
    emits('handleReset')
}

const handleClear = (val) => {
    emits('handleClear', val)
}

</script>

<template>
    <div class="formBox">
        <t-form :model="searchData">
            <t-row>
                <t-col>
                    <t-form-item label="护理项目名称：">
                        <t-input clearable v-model="searchData.name" placeholder="请输入内容" @clear="handleClear('name')" />
                    </t-form-item>
                </t-col>
                <t-col>
                    <t-form-item label="状态：">
                        <t-select v-model="searchData.status" placeholder="请选择" clearable @clear="handleClear('status')" >
                            <t-option v-for="(item,index) in statusData" :key="index" :label="item.value" :value="item.id" />
                        </t-select>
                    </t-form-item>
                </t-col>
                <t-col class="searchBtn">
                    <button type="button" class="bt-grey wt-60" @click="handleReset()">重置</button>
                    <button type="button" class="bt wt-60" @click="handleSearch()">搜索</button>
                </t-col>
            </t-row>
        </t-form>
    </div>
  </template>

